CSSの答塑∈12∷≥先俐を回年する

海搀疽拆する柒婶途球とは、先俐の柒娄に肋ける途球のことを回しています。柒婶途球は、ホ〖ムペ〖ジを斧やすく、粕みやすくする眷圭にとても跟蔡弄な回年となります。海搀の怪郝では、柒婶途球を回年するpaddingプロパティの淡揭数恕や宠脱数恕を疽拆しましょう。

柒婶途球を回年する眷圭は、paddingプロパティを网脱し、その猛に帽疤烧きの眶猛を淡揭します。たとえば、笆布のようにpaddingプロパティを淡揭すると、先俐の柒娄に20ピクセルの途球を肋けることが材墙となります。
<IMG src="tree.jpg" style="padding:20px; border:2px #FF0000 dashed">

先俐を闪茶しないときも、柒婶途球が铜跟に怠墙する眷圭もあります。たとえば、笆布のサンプルはclass="column"の檬皖∈DIVタグ∷の秦肥咖を回年したものですが、帽に秦肥咖を回年しただけでは、董肠ギリギリまで矢机が山绩されてしまうため、あまり粕みやすくありません。そこでpaddingプロパティを网脱し、惧布焊宝に努碰な柒婶途球を肋けます。これで粕みやすいコラム∈跋み淡祸∷を侯喇することが材墙となります。

<STYLE type="text/css">
　　¨
DIV.column{
width:400px;
color:#FFFFFF;
text-align:left;
background-color:#669900;
padding:10px;
}
</STYLE>
　　¨
<DIV class="column">
CSSを淡揭して秦肥咖や矢机咖、玻升、柒婶途球などを回年すると、粕みやすい跋み淡祸を侯喇できます。このように、先俐を闪茶しなくても柒婶途球が铜跟に怠墙する眷圭があります。
</DIV>

惧布焊宝の柒婶途球を改侍に回年することも材墙です。この眷圭は、padding-top∈惧∷、padding-bottom∈布∷、padding-left∈焊∷、padding-right∈宝∷というプロパティを网脱します。笆布のサンプルは、class="honbun"の檬皖∈Pタグ∷の焊娄だけに25ピクセルの柒婶途球を回年したものです。このようにして、矢鞠の焊娄に努碰な途球∈インデント∷を肋けることも材墙です。ぜひ宠脱してみてください。

<STYLE type="text/css">
  ¨
P.honbun{
  padding-left:25px;
}
</STYLE>

<H3>9奉25泣</H3>
<P class="honbun">
呵光丹补¨23☆　　呵你丹补¨18☆<BR>
僵らしい册ごしやすい1泣。欧铬は≈はれ　箕」　くもり∽といった炊じです。<BR>
</P>
<H3>9奉26泣</H3> <P class="honbun"> 呵光丹补¨25☆　　呵你丹补¨19☆<BR> どんよりとした≈くもり∽。かろうじて鲍は惯りませんでしたが、スッキリとしない1泣でしたね。
</P>
  ¨

僥儗儚乕僋側傜EC僫價 Yahoo 妝揤 LINE偑僨乕僞徚旓僛儘偱寧妟500墌乣両
 柍椏儂乕儉儁乕僕柍椏偺僋儗僕僢僩僇乕僪奀奜奿埨峲嬻寯丂奀奜椃峴曐尟偑柍椏両奀奜儂僥儖